<template>
	<view>
		<view class="top">
			<!--  -->
		</view>
		
	
		
		
		<view style="width: 90%; height: 2000rpx; background-color: white; margin: auto; position: relative; top: -200rpx; border-radius: 20rpx; padding-top: 10rpx; ">
			<uni-card :is-shadow="false"   style=" background-image: url('../../../static/ttyy.png');
    background-size: cover;
    background-position: center; height:220rpx;
	">
  
        <view style="display: flex; justify-content: space-between;">
            <view>
                <view style="color: white;">仅限于、、、、加油站使用</view>
                <view style="color: white; font-size: 39rpx;">满二百元可以使用</view>
            </view>
            <view style="margin-top: 30rpx; color: white;"><text >$</text><text style="font-size: 100rpx;">20</text>  </view>
        </view>
		
		<view style="margin-top: 30rpx;" class="dashed-line"></view>
  
  <view style="display: flex; margin-top: 10rpx; color: aliceblue;"> <view>有效qiqqqqqq</view> <view style="margin-left: 240rpx;">去使用</view> <image style="width: 20rpx; height: 20rpx; margin-top: 10rpx;  margin-left: 10rpx;" src="../../../static/收起箭头小@3x.png"></image> </view>
  
  
</uni-card>


		<uni-card :is-shadow="false"   style=" background-image: url('../../../static/ttyy.png');
    background-size: cover;
    background-position: center; height:220rpx;
	">
  
        <view style="display: flex; justify-content: space-between;">
            <view>
                <view style="color: white;">仅限于、、、、加油站使用</view>
                <view style="color: white; font-size: 39rpx;">满二百元可以使用</view>
            </view>
            <view style="margin-top: 30rpx; color: white;"><text >$</text><text style="font-size: 100rpx;">20</text>  </view>
        </view>
		
		<view style="margin-top: 30rpx;" class="dashed-line"></view>
  
  <view style="display: flex; margin-top: 10rpx; color: aliceblue;"> <view>有效qiqqqqqq</view> <view style="margin-left: 240rpx;">去使用</view> <image style="width: 20rpx; height: 20rpx; margin-top: 10rpx;  margin-left: 10rpx;" src="../../../static/收起箭头小@3x.png"></image> </view>
  
  
</uni-card>
			
			
			
		</view>


	





	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style>
	.dashed-line {
		margin-left: -30rpx;
	    border-top: 1px dashed white; /* 黑色虚线上边框，线宽为1px */
	    width: 1000rpx; /* 宽度足够长以展示虚线 */
	    height: 0; /* 高度为0，因此不会显示为块级元素 */
	}
	
	.top {
		width: 100%;
		height: 270rpx;
		background-color: #2f81fa;
	}
</style>